:root {
  --strawberry-100: #ff8c82;
  --strawberry-300: #ed5353;
  --strawberry-500: #c6262e;
  --strawberry-700: #a10705;
  --strawberry-900: #7a0000;

  --orange-100: #ffc27d;
  --orange-300: #ffa154;
  --orange-500: #f37329;
  --orange-700: #cc3b02;
  --orange-900: #a62100;

  --banana-100: #fff394;
  --banana-300: #ffe16b;
  --banana-500: #f9c440;
  --banana-700: #d48e15;
  --banana-900: #ad5f00;

  --lime-100: #d1ff82;
  --lime-300: #9bdb4d;
  --lime-500: #68b723;
  --lime-700: #3a9104;
  --lime-900: #206b00;

  --blueberry-100: #8cd5ff;
  --blueberry-300: #64baff;
  --blueberry-500: #3689e6;
  --blueberry-700: #0d52bf;
  --blueberry-900: #002e99;

  --grape-100: #e4c6fa;
  --grape-300: #cd9ef7;
  --grape-500: #a56de2;
  --grape-700: #7239b3;
  --grape-900: #452981;

  --cocoa-100: #a3907c;
  --cocoa-300: #8a715e;
  --cocoa-500: #715344;
  --cocoa-700: #57392d;
  --cocoa-900: #3d211b;

  --silver-100: #fafafa;
  --silver-300: #d4d4d4;
  --silver-500: #abacae;
  --silver-700: #7e8087;
  --silver-900: #555761;

  --slate-100: #95a3ab;
  --slate-300: #667885;
  --slate-500: #485a6c;
  --slate-700: #273445;
  --slate-900: #0e141f;

  --black-100: #666666;
  --black-300: #4d4d4d;
  --black-500: #333333;
  --black-700: #1a1a1a;
  --black-900: #000000;

  --solarized-base01: #586e75;
  --solarized-base02: #073642;
  --solarized-base03: #002b36;
  --solarized-base1: #93a1a1;
  --solarized-base2: #eee8d5;
  --solarized-base3: #fdf6e3;
  --solarized-blue: #268bd2;
  --solarized-cyan: #2aa198;
  --solarized-green: #859900;
  --solarized-orange: #cb4b16;
  --solarized-red: #dc322f;
  --solarized-yellow: #b58900;

  --bg-color: white;
  --fg-color: var(--black-500);
  --accent-color: #fa408b;
  --header-bg-color: #fa6a8d;
  --header-fg-color: var(--silver-100);
  --secondary-bg-color: #f5f5f5; // Instead of making up a Silver 200
  --secondary-fg-color: var(--black-300);
  --warning-bg-color: var(--banana-300);
  --warning-fg-color: var(--black-900);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: var(--black-700);
    --header-bg-color: #fa6a8d;
    --fg-color: var(--silver-300);
    --accent-color: #fa71b4;
    --secondary-bg-color: var(--black-500);
    --secondary-fg-color: var(--silver-300);
  }
}
